<template>
  <div style="height: 3000px"></div>
  <div style="position: fixed; top: 20px; right: 20px">
    <div>ScrollX: {{ scrollX }}</div>
    <div>ScrollY: {{ scrollY }}</div>
  </div>
</template>

<script setup>
import useScroll from "../hooks/useScroll";

const { scrollX, scrollY } = useScroll();
</script>

<style scoped></style>
